/**
 * Created by Administrator on 2017/4/27 0027.
 //  */
$(document).ready(function () {
    // modal-full init
    $('.modal-full').width($(window).width());
    $('.modal-product-model').width($(window).width() - 600).css('min-width', '1280px');
    $('.modal-dialog .modal-body').css('overflow-y', 'auto').css('max-height', $(window).height() - 200);
    setNavHeight();
    setNavContentHeight();
    attributeBoxWid();
    setMainContentHeight();
    setGuidanceTabsWid();
    setDefaultTitle();

    //窗口大小变换事件
    $(window).resize(function () {
        setNavHeight();
        setNavContentHeight();
        attributeBoxWid();
        // setContentMargin();
        setMainContentHeight();
    });


    // header右侧鼠标浮动样式
    $('.header-userMain-item').mouseenter(function () {
        $(this).next('hr').css("visibility", "hidden");
        $(this).prev('hr').css("visibility", "hidden");
    });
    $('.header-userMain-item').mouseleave(function () {
        $(this).next('hr').css("visibility", "visible");
        $(this).prev('hr').css("visibility", "visible");
    });

    //初始左边导航栏一级菜单的宽度和设置主体内容的左边距
    // $(".nav-list-wrapper").width(38);
    // setContentMargin();


    //bootstrap 设置工具提示的样式
    $('[data-toggle="tooltip"]').tooltip();


    //判断浏览器并根据不同浏览器设置样式
    var mb = myBrowser();
    if ("IE8" == mb) {

    }
    if ("FF" == mb) {
        // 火狐浏览器下面开关切换按钮效果
        $('.checkbox-switch-circle').css("display", "none");
        $('.checkbox-switch').removeClass('checkbox-switch');
        $('.checkbox-switch-wrapper').css("width", "16px");
        $('.checkbox-switch-wrapper').css("height", "16px");
        $('.modal-content .checkbox-switch-wrapper').css("margin-top", "9px");
//                alert("我是 Firefox");
    }
    if ("Chrome" == mb) {
//                alert("我是 Chrome");
    }
    if ("Opera" == mb) {
        // alert("我是 Opera");
    }
    if ("Safari" == mb) {
        // alert("我是 Safari");
    }


    // 左边导航栏折叠
    // $('.nav-switch').click(function () {
    //     // $(".nav-list-wrapper").animate({width:"38px"})
    //     if ($(".nav-list-wrapper").width() > 38) {
    //         $(".nav-list-wrapper").animate({width: "38px"}, 100, function () {
    //             setNavListTitle();
    //             setContentMargin();
    //         })
    //
    //     } else {
    //         $(".nav-list-wrapper").animate({width: "100%"}, 100, function () {
    //             setNavListTitle();
    //             setContentMargin();
    //         })
    //     }
    // });

//左边导航栏二级，三级菜单点击事件
    $('.nav-menu').click(function () {
        if ($(this).next('.menu-wrapper').css('display') == "none") {
            $(this).next('.menu-wrapper').slideDown(200);
            $(this).addClass('open');
        } else {
            $(this).next('.menu-wrapper').slideUp(200);
            $(this).removeClass('open');
        }
    })

//引导式产品编辑 产品选择
    $('.select-goods-list').click(function () {
        $(this).addClass('active').siblings().removeClass('active');
    });
//引导式产品编辑 产品尺寸
    $('.goods-size-list').click(function () {
        $(this).addClass('goods-size-list-active').siblings().removeClass("goods-size-list-active");
    });
//引导式产品编辑 装订部位及版式
    $('.goods-binding-position-list').click(function () {
        $(this).find('.goods-binding-position-img').addClass('active').parent().siblings().find(".goods-binding-position-img").removeClass('active');
    });

//数量增减
    currentNum = parseInt($('.num').val());
    if (currentNum < 2) {
        $(this).prev('.minus').addClass('num-btn-disabled');
    }
    if (currentNum > 19) {
        $(this).next('.plus').addClass('num-btn-disabled');
    }
    $('.minus').click(function () {
        $(this).next().next('.plus').removeClass('num-btn-disabled');
        currentNum = parseInt($('.num').val());
        if (currentNum > 1) {
            $('.num').val(currentNum - 1);
        } else {
            $(this).addClass('num-btn-disabled');
        }
    });
    $('.plus').click(function () {
        $(this).prev().prev('.minus').removeClass('num-btn-disabled');
        currentNum = parseInt($('.num').val());
        if (currentNum < 20) {
            $('.num').val(currentNum + 1);
            $(this).removeClass('num-btn-disabled');
        } else {
            $(this).addClass('num-btn-disabled');
        }
    });
    $('.num').bind('input', function () {
        currentNum = parseInt($('.num').val());
        if (isNaN($('.num').val())) {
            $('.num').val(1)
        }
        if (currentNum < 2) {
            $(this).prev('.minus').addClass('num-btn-disabled');
            $('.num').val(1);
        } else {
            $(this).prev('.minus').removeClass('num-btn-disabled');
        }

        if (currentNum > 19) {
            $('.num').val(20);
            $(this).next('.plus').addClass('num-btn-disabled');
        } else {
            $(this).next('.plus').removeClass('num-btn-disabled');
        }
    });


    //公式编辑器属性列表框收缩
    $('.formula-element-item-title').click(function () {
        if ($(this).next('.formula-element-item-main').css('display') == 'block') {
            $(this).next('.formula-element-item-main').slideUp(300);
            $(this).addClass('formula-element-item-title-active');
        } else if ($(this).next('.formula-element-item-main').css('display') == 'none') {
            $(this).next('.formula-element-item-main').slideDown(300);
            $(this).removeClass('formula-element-item-title-active');
        }
    });
    // 表格中图片放大预览
    $('.img-small').mouseenter(function () {
        var imgLargeLeft = $('.td-img').width() / 2 + $('.img-small').width() / 2 + 20;
        var img = $(this).next();
        if (img.length > 0) {
            if (img.attr('name') == 'large-img-wrapper') {
                img.remove();
            }
        }
        var imgLargeWrapper = $('<div name="large-img-wrapper" class="img-large-wrapper"></div>').css('left', imgLargeLeft);
        var imgLarge = $("<img class='img-large'>").attr('src', ($(this).attr('src')));
        var imgScanIcon = $("<i class='imgScanIcon'></i>")
        imgLargeWrapper.append(imgLarge);
        imgLargeWrapper.append(imgScanIcon);

        $(this).after(imgLargeWrapper);

        var imgSmallLeng = $(this).parent().parent().parent().find('.td-img').length;
        $(this).parent().parent().parent().find('.td-img').eq(imgSmallLeng - 1).find('.img-large-wrapper').css('top', '-90px');
        $(this).parent().parent().parent().find('.td-img').eq(imgSmallLeng - 1).find('.img-large-wrapper').find('.imgScanIcon').css('top', '100px');
    });
    $('.img-small').mouseleave(function () {
        $('.img-small').next().remove();
    });


    // 属性列表
    $('.attribute-lists').width($('.panel-dialog').width());
    $('.more').mouseenter(function () {
        $(this).parent().height($(this).parent().find('.tagsinput-add-container').height() + 8);
        if ($(this).parent().height() == 40) {
            $(this).hide();
        }

    });

    // 属性列表更多的样式

    $('.attribute-lists').mouseenter(function () {
        if ($(this).find('.tagsinput-add-container').height() + 8 > 40) {
            $('.more').show();
        } else {
            $(this).find('.more').hide()
        }
    });

    $('.attribute-lists').mouseleave(function () {

        if ($(this).height() == 40) {
            $(this).find('.more').hide()
        } else {
            $(this).height(40);
            $('.more').show();
        }

    });

    //生成多张图片
    $('#screenshot').click(function () {
        if ($('.img-new-list').length == 0) {
            $('.images-new').parent().addClass('panel-frame');
            for (var i = 0; i < $('.img-old-list').length; i++) {
                var imgNew = $('<img class="img-new-list">').attr('src', $('.img-old-list').eq(i).attr('src'));
                $('.images-new').append(imgNew);
            }
        }
    });
    $('#screenshotCancle').click(function () {
        $('.images-new').empty();
        $('.images-new').parent().removeClass('panel-frame');
    });
});

//设置左边导航栏高度
function setNavHeight() {
    $('.nav-left').height($(window).height());
}

//设置左边导航栏的高度
function setNavContentHeight() {
    var nav_content_height = $(window).height() - $('.header').height() - $('.nav-date').height();
    $('.nav-content').height(nav_content_height);
}

//设置属性添加框的宽度
function attributeBoxWid() {
    var attributeBoxWid = $(document).width() - $(".nav-left").width() - parseInt($('.panel').css('margin-left')) - parseInt($('.panel').css('margin-right'))
        - $('.attribute-text').width() - $('.del-icon').width() - 50;
    $('.attribute-box').css('width', attributeBoxWid);

}

//判断浏览器
function myBrowser() {
    var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
    var isOpera = userAgent.indexOf("Opera") > -1;
    if (isOpera) {
        return "Opera"
    }
    ; //判断是否Opera浏览器
    if (userAgent.indexOf("Firefox") > -1) {
        return "FF";
    } //判断是否Firefox浏览器
    if (userAgent.indexOf("Chrome") > -1) {
        return "Chrome";
    }
    if (userAgent.indexOf("Safari") > -1) {
        return "Safari";
    } //判断是否Safari浏览器
    if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
        return "IE";
    }//判断是否IE浏览器


    $(function () {
        $(".table").resizableColumns({
            store: window.store
        });
    })
}

/*判断浏览器版本是否过低*/
$(document).ready(function () {
    var b_name = navigator.appName;
    var b_version = navigator.appVersion;
    var version = b_version.split(";");
    var trim_version = version[1].replace(/[ ]/g, "");
    if (b_name == "Microsoft Internet Explorer") {
        /*如果是IE6或者IE7*/
        if (trim_version == "MSIE7.0" || trim_version == "MSIE6.0") {
            alert("IE浏览器版本过低，请使用IE8以上版本");
//然后跳到需要连接的下载网站
//window.location.href="http://jiaoxueyun.com/download.jsp";
        }
    }
});
//--------------  select-box select-all --------------------
// $(document).ready(function () {
//     $(".select-all").click(function(){
//         if(this.checked){
//             $(".select-single").prop("checked", true);
//         }else{
//             $(".select-single").prop("checked", false);
//         }
//     });
//
//     $(".select-single").click(function () {
//         allchk();
//     });
//
// });
// function allchk(){
//     var chknum = $(".select-single").length;//选项总个数
//     var chk = 0;
//     $(".select-single").each(function () {
//         if($(this).prop("checked")==true){
//             chk++;
//         }
//     });
//     if(chknum==chk){//全选
//         $(".select-all").prop("checked",true);
//     }else{//不全选
//         $(".select-all").prop("checked",false);
//     }
// }
//-------------- end of select-box select-all --------------------


//设置主体内容div的左边距
// function setContentMargin() {
//     var navLeftWid = $(".nav-left").width();
//     $('.main-content').css("margin-left", navLeftWid);
// }

// 设置左边导航栏一级菜单的提示工具的内容
function setNavListTitle() {
    if ($(".nav-list-wrapper").width() == 38) {
        $('.nav-list').each(function () {
            $(this).attr('data-original-title', $(this).attr('data-toggle-title'));
        })
    } else {
        $('.nav-list').removeAttr('title').removeAttr('data-original-title');
    }
}

//设置主体内容div的高度
function setMainContentHeight() {
    $('.main-content-height').height($(window).height());
}

//设置guidance-tabs的宽度
function setGuidanceTabsWid() {
    $('.guidance-tabs').width($('.modal-dialog').width() + 100)
}

//设置默认单选框的提示内容
function setDefaultTitle() {
    $(".radio-editor").mouseenter(function () {
        if ($(this).is(':checked')) {
            $(this).removeAttr('title').removeAttr('data-original-title');
            $(this).siblings().attr('data-original-title', '设为默认');
        } else {
            $(this).attr('data-original-title', '设为默认');
        }
    });
}

var JPlaceHolder = {
    //检测
    _check: function () {
        return 'placeholder' in document.createElement('input');
    },
    //初始化
    init: function () {
        if (!this._check()) {
            this.fix();
        }
    },
    //修复
    fix: function () {
        $('input[placeholder][type!="hidden"]').each(function (index, element) {
            var self = $(this), txt = self.attr('placeholder');
            self.wrap($('<div></div>').css({
                position: 'relative',
                zoom: '1',
                border: 'none',
                background: 'none',
                padding: 'none',
                margin: 'none',
                display: 'inline-block'
            }));
            var pos = self.position(), h = self.outerHeight(true), paddingleft = self.css('padding-left');
            var holder = $('<span></span>').text(txt).css({
                position: 'absolute',
                left: pos.left,
                top: '5px',
                height: h,
                lienHeight: h,
                paddingLeft: paddingleft,
                color: '#aaa'
            }).appendTo(self.parent());
            self.focusin(function (e) {
                holder.hide();
            }).focusout(function (e) {
                if (!self.val()) {
                    holder.show();
                }
            });
            holder.click(function (e) {
                holder.hide();
                self.focus();
            });
        });
    }
};
//执行
jQuery(function () {
    JPlaceHolder.init();
});


